<!DOCTYPE html>
<html lang="en">
<head>
<title>About Us</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>

<script src="js/superfish.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/script.js"></script> 

<script src="js/jquery.ui.totop.js"></script>
<script src="js/tweens.js"></script>

<script>
 $(window).load(function(){
  $().UItoTop({ easingType: 'easeOutQuart' });
  
 }); 
</script>
<!--[if lt IE 8]>
 <div style=' clear: both; text-align:center; position: relative;'>
   <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
     <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
   </a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>

<body>
  <div class="main">
<!--==============================
              header
=================================-->
  <header>
<section id="stuck_container">
  <!--==============================
              Stuck menu
  =================================-->
    <div class="container">
      <div class="row">
        <div class="grid_12 rel">
          <h1>
            <a href="index.html">
              <img src="images/logo.png" alt="Logo alt">
            </a>
          </h1>
           <form id="search" action="search.php" method="GET">
            <div class="rel">
              <label>
                <input type="text" name="s" value="">
              </label>
              <a onClick="document.getElementById('search').submit()" class="fa  fa-search"></a>
            </div>
             <div class="clear"></div>
           </form>
          <div class="navigation ">
            <nav>
              <ul class="sf-menu">
               <li><a href="index.html">Home</a></li>
               <li class="current"><a href="index-1.html">About Us</a>
                 <ul>
                    <li><a href="#">Vestibulum iaculis</a></li>
                    <li><a href="#">Fusce euismod conuat</a>
                      <ul>
                        <li><a href="#">Pellentesque sed</a></li>
                        <li><a href="#">Aliquam congue ferm</a></li>
                        <li><a href="#">Mauris accum</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Pellentesque</a></li>
                 </ul>
               </li>
               <li><a href="index-2.html">Services</a></li>
               <li><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li><a href="index-5.html">Blog</a></li>
             </ul>
            </nav>
        
            <div class="clear"></div>
          </div>       
         <div class="clear"></div>  
        </div>
     </div> 
    </div> 
    </section>
  </header>

<!--=====================
          Content
======================-->
<section class="content">
  <div class="container">
    <div class="row">
      <div class="grid_4 anim_left">
        <h3>JOB OPPORTUNITIES</h3>
        <div class="text1"><a href="#">Suspendisse sollicitudin velit sed leo.</a></div>
        Parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec. Luctus a, lorem maecenas tristique orci ac sem. Duis ultricies pharetra.
        <ul class="list">
          <li><a href="#">Parturient montes nascetur ridiculus mus </a></li>
          <li><a href="#">Fusce feugiat malesuada odio morbi nunc </a></li>
          <li><a href="#">Odio gravida at cursus nec luctus lorem </a></li>
          <li><a href="#">Maecenas tristique orci ac sem duis ultrici </a></li>
        </ul>
        Luctus a, lorem maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleif.
      </div>
      <div class="grid_8 anim_right">
        <h3>A few words about us</h3>
        <div class="text1"><a href="#">Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</a></div>
        <p>Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. </p>
        Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, element.
        <div class="clear sep__1"></div>
        <img src="images/page2_img.jpg" alt="" class="img_inner fleft">
        <div class="extra_wrapper">
          <div class="text1"><a href="#">Vestibulum ante ipsum primis in faucibus.</a></div>
          <p>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec. </p>
          Luctus a, lorem maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. <br>
          <a href="#" class="btn"><span data-content="Learn more ">Learn more </span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
      <div class="grid_12">
        <h3 class="anim_top head1">Why choose us</h3>
      </div>
      <div class="grid_6 ">
        <div class="block2 bl2_left">
          <div class="count">01</div>
          <div class="extra_wrapper">
            <div class="text1"><a href="#">Ut pharetra augue nec augue nam elit magna. </a></div>
            Luctus a, lorem maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          </div>
        </div>
      </div>
      <div class="grid_6 ">
        <div class="block2 bl_right">
          <div class="count">02</div>
          <div class="extra_wrapper">
            <div class="text1"><a href="#">Hendrerit sit amet, tincidunt ac, viverra sed, nulla. </a></div>
            Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Quisque nulla. Vestibulum libero nisl, porta vel.
          </div>
        </div>
      </div>
      <div class="clear sep__2"></div>
      <div class="grid_6 ">
        <div class="block2 bl2_left">
          <div class="count">03</div>
          <div class="extra_wrapper">
            <div class="text1"><a href="#">Donec porta diam eu massa. Quisque diam lorem.</a></div>
            Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque egetmalesu ada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. 
          </div>
        </div>
      </div>
      <div class="grid_6 ">
        <div class="block2 bl_right">
          <div class="count">04</div>
          <div class="extra_wrapper">
            <div class="text1"><a href="#">Interdum vitae, dapibus ac, scelerisque vitae, pede. </a></div>
            Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. 
          </div>
        </div>
      </div>
      <div class="grid_12">
        <h3 class="anim_top head1">LEADING SCIENTISTS</h3>
      </div>
      <div class="grid_3">
        <div class="block3">
          <div class="maxheight">
            <img src="images/page2_img1.jpg" alt="">
            <div class="block3_pad">
              <div class="block3_title">SAM KRONSHTAIN</div>
              Mauris fermentum dictum magna. Sed laoreet aliquam leo. 
            </div>
          </div>
        </div>
      </div>
      <div class="grid_3">
        <div class="block3">
          <div class="maxheight">
            <img src="images/page2_img2.jpg" alt="">
            <div class="block3_pad">
              <div class="block3_title">DAVID JOHNSON</div>
              Ut tellus dolor, dapibus eget vel, cursus eleifend, elit aenean. 
            </div>
          </div>
        </div>
      </div>
      <div class="grid_3">
        <div class="block3">
          <div class="maxheight">
            <img src="images/page2_img3.jpg" alt="">
            <div class="block3_pad">
              <div class="block3_title">SAMANTHA JACOBS</div>
              Aenean auctor wisi et urnaliqu am erat volutpat. Duis ac turpis. 
            </div>
          </div>
        </div>
      </div>
      <div class="grid_3">
        <div class="block3">
          <div class="maxheight">
            <img src="images/page2_img4.jpg" alt="">
            <div class="block3_pad">
              <div class="block3_title">JESSICA PARKER</div>
              Duis ac turpis. Integer rutrum ante eu lacus. Quisque nulla. 
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--==============================
              footer
=================================-->
<footer id="footer">
  <div class="footer_top">
    <div class="container">
      <div class="row">
        <div class="grid_5 anim_left">
          <h4>Get in touch</h4>
          <div class="row">
            <div class="grid_3">
              <address class="f_address">
                <p>8901 Marmora Road <br>
                Glasgow, DO4 89GR.<br>
                <span>Freephone:</span>  +1 800 559 6580<br>
                <span>Telephone:</span>   +1 959 603 6035<br>
                <span>FAX:</span>            + 1 504 889 9898</p>

                E-mail: <a href="#">mail@demolink.org</a>
              </address>
            </div>
            <div class="grid_2">
              <ul class="f_menu">
               <li><a href="index.html">Home</a></li>
               <li class="current"><a href="index-1.html">About us</a></li>
               <li><a href="index-2.html">Services</a></li>
               <li><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li><a href="index-5.html">Blog</a></li>
             </ul>
            </div>
          </div>
        </div>
        <div class="grid_4 ">
          <h4>Follow us</h4>
          <div class="footer_socials">
            <a href="#" class="fa fa-google-plus"></a>
            <a href="#" class="fa fa-twitter"></a>
            <a href="#" class="fa fa-facebook"></a>
            <a href="#" class="fa fa-pinterest"></a>
            <a href="#" class="fa fa-linkedin"></a>
          </div>
        </div>
        <div class="grid_3 anim_right">
          <h4>Join our newsletter</h4>
          
          <p>And always stay informed of the latest science news and events!</p>
          <a href="#" class="btn"><span data-content="Sign up">Sign up</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="grid_12">  
         <div class="copyright"> &copy; <span id="copyright-year"></span> Science Lab.  <a href="index-6.html">Privacy Policy</a> 
         </div>
      </div>
    </div>
  </div>  
</footer>

</div>
</body>
</html>

